<template>
  <div class="container">
       <div class="pd bg-white">我的足迹</div>
    <div class="list">
    <div>
       <div class="item flex  flex-col mg-b" v-for="item,index in list" >
          <img class="userpic" src="@/assets/images/3.jpg">
          <div class="pd">
              <div class="">衣服衣服</div>
            <div class="moneyColor">￥ 55.00</div>
            <div class="subtit">sgsgsas</div>
          </div>
         </div>

    </div>
    </div>
  </div>
</template>
<script>
export default ({
  data() {
  	return{list:[1,2,34,5,6,8,9,10,11,1,2,3,4,5,5,6,6]}
  }
});

</script>
<style scoped lang="less">
.list {
  margin-top:.5rem;
  bottom:0;
  left:0;
  width:100%;
  height:auto;
  column-count: 3;
  column-gap: .5rem;;
  .item {
  	break-inside: avoid;
  	 box-sizing: border-box;
  	 break-inside: avoid;
  	 background-color:#fff;
    .userpic {
      width: 100%;
      height:6rem;
    }
  }
}

</style>
